<!DOCTYPE html>
<html lang="en">
<head>
<!--    主题颜色的是rgb(31,187,125)-->
<!--    底面颜色的是rgb(250,250,251)-->
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/home.js"></script>
    <link rel="stylesheet" type="text/css" href="css/home.css">
</head>
<body>
<!--左侧功能栏-->
<div style="display:inline-block; width:6%;">
    <!--边栏工具区域-->
    <div id="tool">
        <label class="tool_item" onclick="show_user()">
            <img style="width: 50%" src="img/user_home.png"><br>
            用户主页
        </label><br>
        <label class="tool_item" onclick="show_transport()">
            <img style="width: 75%" src="img/transport.png"><br>
            水果鲜送
        </label><br>
        <label class="tool_item" onclick="show_tomorrow()">
            <img style="width: 65%" src="img/garden.png"><br>
            明日果园
        </label><br>
        <label class="tool_item" onclick="show_statistics()" onmousemove="show_mean()" onmouseleave="hidden_mean()">
            <img style="width: 65%" src="img/statistics.png"><br>
            智慧农图
        </label>
        <label class="tool_item" onclick="show_relation()">
            <img style="width: 65%" src="img/relation.png"><br>
            农业图谱
        </label>

    </div>
</div>
<!--右侧实现区域-->
<div style="display:inline-block; width:93%">
    <!--顶部操作区域-->
    <div id="top" align="right">
        <div id="top_left" align="left">
            <img id="top_transport" class="top_img" src="img/write.png" title="录入" onclick="is_into()">
            <input id="graph_input" class="graph_input">
        </div>
        <img class="top_img" src="img/information.png" title="消息通知">
        <img class="top_img" src="img/help.png" title="客服帮助">
    </div>
    <!--用户主页——表单-->
    <div id="user_home">
     <form id="user_form">
         <div class="user_item">
             所在地<br>
             <label>省份：<select class="select_item" id="province" name="province">
                 <option>广东</option>
             </select> </label>
             <label>城市：<select class="select_item" id="city" name="city">
                 <option>潮州</option>
                 <option>揭阳</option>
             </select> </label>
             <label>县城：<select class="select_item" id="district" name="district">
                 <option>潮安</option>
             </select> </label><br>
         </div>
         <div class="user_item" >
            店铺名<br>
            <input class="user_item_input" type="text" name="store_name" id="store_name"><br>
         </div>
         <div class="user_item">
            代表人<br>
             <input class="user_item_input" type="text" name="person_name" id="person_name"><br>
         </div>
         <div class="user_item">
             性别<br>
             <label><input type="radio" name="gender" value="man" id="gender_m"> 男性</label>
             <label><input type="radio" name="gender" value="woman" id="gender_f"> 女性</label>
         </div>
         <div class="user_item" >
            注册手机号<br>
             <input class="user_item_input" type="text" name="phone_number" id="phone_number"><br>
         </div>
         <div class="user_item" align="right">
             <input class="button" type="submit" value="提交" name="submit">
             <input class="button" type="button" value="修改" name="alter" onclick="user_write()">
         </div>

     </form>
    </div>
    <!--水果鲜送-->
    <div id="fruit_transport" class="scroll">
    <!--    显示注意的订单卡片-->
        <div class="transport_item">
            <!--用照片的颜色显示不同的成熟度-->
            <div style="display:inline-block; width:4.5%;">
                <svg t="1644891335985" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4300" width="95%" >
                    <!--果肉-->
                    <path d="M150.44377 873.539102a427.9 511 44.999 1 0 722.650518-722.675743 427.9 511 44.999 1 0-722.650518 722.675743Z" fill="#8BC34A" p-id="4301"></path>
                    <!--果皮-->
                    <path d="M428.7 1024c-115.7 0-225.4-39.9-307.1-121.6-182.8-182.8-156.5-506.5 58.7-721.7C283.6 77.5 414.8 14 549.7 2.1 687.4-10.2 812.5 32.5 902 122s132.1 214.6 120 352.3c-11.9 134.9-75.4 266.1-178.7 369.4C724.2 962.8 572 1024 428.7 1024zM595.2 81.8c-12.6 0-25.3 0.6-38.3 1.7-115.9 10.2-229.1 65.3-318.8 155C54.8 421.8 28.5 693.7 179.4 844.7 330.3 995.6 602.2 969.2 785.5 786c89.7-89.7 144.8-203 155-318.8 10-113.1-24.2-215.2-96.3-287.3-63.9-64-151.3-98.1-249-98.1z" fill="#795548" p-id="4302"></path>
                    <!-- 果心-->
                    <path d="M397.290439 626.683817a135.6 161.9 44.999 1 0 228.95718-228.965172 135.6 161.9 44.999 1 0-228.95718 228.965172Z" fill="#E6EE9C" p-id="4303"></path>
                    <!--种子附近的肉-->
                    <path d="M738.8 321.4c1-9.4-2-19.1-9.1-26.3-7.1-7.1-16.9-10.1-26.3-9.1-0.3 0-0.5 0.1-0.8 0.1-6.9 0.9-13 5.2-16.5 11.3l-56.7 97.9 97.9-56.7c6.1-3.5 10.4-9.5 11.3-16.5 0.1-0.2 0.2-0.5 0.2-0.7z" fill="#689F38" p-id="4304"></path>
                    <!--种子-->
                    <path d="M698.2 348.8c0.6-5.9-1.2-12-5.7-16.5s-10.6-6.3-16.5-5.7c-0.2 0-0.3 0-0.5 0.1-4.4 0.6-8.1 3.3-10.4 7.1l-35.6 61.5 61.5-35.6c3.8-2.2 6.6-6 7.1-10.4 0.1-0.1 0.1-0.3 0.1-0.5z" fill="#5D4037" p-id="4305"></path>
                    <path d="M613 233.4c-3.9-8.6-11.3-15.6-21-18.2s-19.6-0.3-27.3 5.3c-0.2 0.2-0.4 0.3-0.6 0.5-5.6 4.2-8.6 11-8.6 18l-0.1 113.1 56.4-98c3.5-6.1 4.3-13.5 1.6-19.9-0.2-0.3-0.3-0.5-0.4-0.8z" fill="#689F38" p-id="4306"></path>
                    <path d="M591.5 277.5c-2.4-5.4-7.1-9.8-13.2-11.4s-12.4-0.2-17.2 3.3c-0.1 0.1-0.3 0.2-0.4 0.3-3.5 2.7-5.4 6.9-5.4 11.3l-0.1 71.1 35.5-61.6c2.2-3.8 2.7-8.5 1-12.5 0-0.2-0.1-0.3-0.2-0.5z" fill="#5D4037" p-id="4307"></path>
                    <path d="M460 220.2c-7.7-5.5-17.6-7.9-27.3-5.3-9.7 2.6-17.2 9.6-21 18.2-0.1 0.2-0.2 0.5-0.3 0.7-2.7 6.4-1.9 13.8 1.6 19.9l56.4 98-0.1-113.1c0-7-3-13.8-8.6-18-0.3-0.1-0.5-0.2-0.7-0.4z" fill="#689F38" p-id="4308"></path>
                    <path d="M463.5 269.1c-4.8-3.5-11-4.9-17.2-3.3s-10.8 6-13.2 11.4c-0.1 0.1-0.1 0.3-0.2 0.4-1.7 4.1-1.2 8.7 1 12.5l35.5 61.6-0.1-71.1c0-4.4-1.9-8.7-5.4-11.3-0.1 0-0.3-0.1-0.4-0.2z" fill="#5D4037" p-id="4309"></path>
                    <path d="M320.9 285.2c-9.4-1-19.1 2-26.3 9.1s-10.1 16.9-9.1 26.3c0 0.3 0.1 0.5 0.1 0.8 0.9 6.9 5.2 13 11.3 16.5l97.9 56.7-56.7-97.9c-3.5-6.1-9.5-10.4-16.5-11.3-0.1-0.1-0.4-0.2-0.7-0.2z" fill="#689F38" p-id="4310"></path>
                    <path d="M348.4 325.8c-5.9-0.6-12 1.2-16.5 5.7s-6.3 10.6-5.7 16.5c0 0.2 0 0.3 0.1 0.5 0.6 4.4 3.3 8.1 7.1 10.4l61.5 35.6-35.7-61.5c-2.2-3.8-6-6.6-10.4-7.1-0.1-0.1-0.2-0.1-0.4-0.1z" fill="#5D4037" p-id="4311"></path>
                    <path d="M233 411.1c-8.6 3.9-15.6 11.3-18.2 21s-0.3 19.6 5.3 27.3c0.2 0.2 0.3 0.4 0.5 0.6 4.2 5.6 11 8.6 18 8.6l113.1 0.1-98-56.4c-6.1-3.5-13.5-4.3-19.9-1.6-0.3 0.1-0.6 0.3-0.8 0.4z" fill="#689F38" p-id="4312"></path>
                    <path d="M277.1 432.5c-5.4 2.4-9.8 7.1-11.4 13.2-1.6 6.1-0.2 12.4 3.3 17.2 0.1 0.1 0.2 0.3 0.3 0.4 2.7 3.5 6.9 5.4 11.3 5.4l71.1 0.1-61.7-35.5c-3.8-2.2-8.5-2.7-12.5-1-0.1 0.1-0.3 0.1-0.4 0.2z" fill="#5D4037" p-id="4313"></path>
                    <path d="M219.8 564c-5.5 7.7-7.9 17.6-5.3 27.3 2.6 9.7 9.6 17.2 18.2 21 0.2 0.1 0.5 0.2 0.7 0.3 6.4 2.7 13.8 1.9 19.9-1.6l98-56.4-113.1 0.1c-7 0-13.8 3-18 8.6-0.1 0.3-0.3 0.5-0.4 0.7z" fill="#689F38" p-id="4314"></path>
                    <path d="M268.6 560.5c-3.5 4.8-4.9 11-3.3 17.2 1.6 6.1 6 10.8 11.4 13.2 0.1 0.1 0.3 0.1 0.4 0.2 4.1 1.7 8.7 1.2 12.5-1l61.6-35.5-71.1 0.1c-4.4 0-8.7 1.9-11.3 5.4 0 0.2-0.1 0.3-0.2 0.4z" fill="#5D4037" p-id="4315"></path>
                    <path d="M284.8 703.1c-1 9.4 2 19.1 9.1 26.3s16.9 10.1 26.3 9.1c0.3 0 0.5-0.1 0.8-0.1 6.9-0.9 13-5.2 16.5-11.3l56.7-97.9-97.9 56.7c-6.1 3.5-10.4 9.5-11.3 16.5-0.2 0.2-0.2 0.4-0.2 0.7z" fill="#689F38" p-id="4316"></path>
                    <path d="M325.4 675.6c-0.6 5.9 1.2 12 5.7 16.5s10.6 6.3 16.5 5.7c0.2 0 0.3 0 0.5-0.1 4.4-0.6 8.1-3.3 10.4-7.1l35.6-61.5-61.5 35.6c-3.8 2.2-6.6 6-7.1 10.4-0.1 0.2-0.1 0.4-0.1 0.5z" fill="#5D4037" p-id="4317"></path>
                    <path d="M410.6 791c3.9 8.6 11.3 15.6 21 18.2s19.6 0.3 27.3-5.3c0.2-0.2 0.4-0.3 0.6-0.5 5.6-4.2 8.6-11 8.6-18l0.1-113.1-56.4 98c-3.5 6.1-4.3 13.5-1.6 19.9 0.2 0.3 0.3 0.6 0.4 0.8z" fill="#689F38" p-id="4318"></path>
                    <path d="M432 746.9c2.4 5.4 7.1 9.8 13.2 11.4 6.1 1.6 12.4 0.2 17.2-3.3 0.1-0.1 0.3-0.2 0.4-0.3 3.5-2.7 5.4-6.9 5.4-11.3l0.1-71.1-35.5 61.7c-2.2 3.8-2.7 8.5-1 12.5 0.1 0.2 0.2 0.3 0.2 0.4z" fill="#5D4037" p-id="4319"></path>
                    <path d="M563.6 804.2c7.7 5.5 17.6 7.9 27.3 5.3s17.2-9.6 21-18.2c0.1-0.2 0.2-0.5 0.3-0.7 2.7-6.4 1.9-13.8-1.6-19.9l-56.4-98 0.1 113.1c0 7 3 13.8 8.6 18 0.2 0.1 0.5 0.3 0.7 0.4z" fill="#689F38" p-id="4320"></path>
                    <path d="M560.1 755.4c4.8 3.5 11 4.9 17.2 3.3 6.1-1.6 10.8-6 13.2-11.4 0.1-0.1 0.1-0.3 0.2-0.4 1.7-4.1 1.2-8.7-1-12.5l-35.5-61.6 0.1 71.1c0 4.4 1.9 8.7 5.4 11.3 0.1 0 0.3 0.1 0.4 0.2z" fill="#5D4037" p-id="4321"></path>
                    <path d="M702.6 739.2c9.4 1 19.1-2 26.3-9.1 7.1-7.1 10.1-16.9 9.1-26.3 0-0.3-0.1-0.5-0.1-0.8-0.9-6.9-5.2-13-11.3-16.5L628.7 630l56.7 97.9c3.5 6.1 9.5 10.4 16.5 11.3h0.7z" fill="#689F38" p-id="4322"></path>
                    <path d="M675.2 698.7c5.9 0.6 12-1.2 16.5-5.7s6.3-10.6 5.7-16.5c0-0.2 0-0.3-0.1-0.5-0.6-4.4-3.3-8.1-7.1-10.4L628.7 630l35.6 61.5c2.2 3.8 6 6.6 10.4 7.1 0.2 0 0.3 0 0.5 0.1z" fill="#5D4037" p-id="4323"></path>
                    <path d="M790.6 613.4c8.6-3.9 15.6-11.3 18.2-21s0.3-19.6-5.3-27.3c-0.2-0.2-0.3-0.4-0.5-0.6-4.2-5.6-11-8.6-18-8.6l-113.1-0.1 98 56.4c6.1 3.5 13.5 4.3 19.9 1.6 0.3-0.2 0.5-0.3 0.8-0.4z" fill="#689F38" p-id="4324"></path>
                    <path d="M746.5 592c5.4-2.4 9.8-7.1 11.4-13.2s0.2-12.4-3.3-17.2c-0.1-0.1-0.2-0.3-0.3-0.4-2.7-3.5-6.9-5.4-11.3-5.4l-71.1-0.1 61.6 35.5c3.8 2.2 8.5 2.7 12.5 1 0.2-0.1 0.4-0.2 0.5-0.2z" fill="#5D4037" p-id="4325"></path>
                    <path d="M803.8 460.5c5.5-7.7 7.9-17.6 5.3-27.3-2.6-9.7-9.6-17.2-18.2-21-0.2-0.1-0.5-0.2-0.7-0.3-6.4-2.7-13.8-1.9-19.9 1.6l-98 56.4 113.1-0.1c7 0 13.8-3 18-8.6 0.1-0.3 0.3-0.5 0.4-0.7z" fill="#689F38" p-id="4326"></path>
                    <path d="M754.9 463.9c3.5-4.8 4.9-11 3.3-17.2s-6-10.8-11.4-13.2c-0.1-0.1-0.3-0.1-0.4-0.2-4.1-1.7-8.7-1.2-12.5 1l-61.6 35.5 71.1-0.1c4.4 0 8.7-1.9 11.3-5.4 0-0.1 0.1-0.2 0.2-0.4z" fill="#5D4037" p-id="4327"></path>
                </svg>
            </div>
            <div style="display:inline-block; width:95%" class="div_transport">
                <form>
                    <label>订单号：<input class="transport_item_input" type="text" id="oder_number" name="oder_number" disabled></label>
                    <!--水果信息-->
                    <label>水果成熟度：<input class="transport_item_input" type="text" id="maturity" name="maturity" disabled></label>
                    <label>
                        快件状态：<input class="transport_item_input" type="text" id="type" name="type" disabled>
                    </label><br>
                    <!--快递信息-->
                    <label>
                        发货地：<input class="transport_item_input" type="text" id="origin" name="origin" disabled>
                    </label>
                    <label>
                        收货地：<input class="transport_item_input" type="text" id="destination" name="destination" disabled>
                    <label>
                        运营商：<input class="transport_item_input" type="text" id="operator" name="operator" disabled>
                    </label>
                    <label>
                        运单号：<input class="transport_item_input" type="text" id="transport_number" name="transport_number" disabled>
                    </label>
                </form>
            </div>
        </div>
                <!--    用于导入数据的界面-->
    <div id="into_data"  style="position:absolute; top:70px; width:92%; height:650px; background-color:rgb(250,250,251);" align="center">
        <form>
            <div style="position:relative;top:-519px;display:inline-block; padding:20px;width:8%;height:70px;border-style:solid; border-width:2px; border-radius:5px; border-color:rgb(241,241,241);">
                <label><input type="radio" value="one_do" name="into" id="one_do" onclick="close_file()" style="margin-bottom:10px;">手动录入</label><br>
                <label><input type="radio" value="batch_do" name="into" id="batch_do" onclick="close_input()" style="margin-bottom:10px;">批量录入</label>
                <input class="button" value="录入" type="button">
            </div>
            <div style="position:relative; display:inline-block; width:40%; height:628px; padding:20px; padding-bottom:0px;border-style:solid; border-width:2px; border-radius:5px; border-color:rgb(241,241,241);">
                <div>
                    <label>订单号：<br><input class="user_item_input into_input" type="text" id="into_oder_number" name="into_oder_number"></label><br>
                    <!--水果信息-->
                    <label>水果成熟度：<br><input class="user_item_input into_input" type="text" id="into_maturity" name="into_maturity"></label><br>
                    <label>
                        快件状态：<br><input class="user_item_input into_input" type="text" id="into_type" name="into_type">
                    </label><br>
                    <!--快递信息-->
                    <label>
                        发货地：<br><input class="user_item_input into_input" type="text" id="into_origin" name="into_origin">
                    </label><br>
                    <label>
                        收货地：<br><input class="user_item_input into_input" type="text" id="into_destination" name="into_destination">
                    <label><br>
                        运营商：<br><input class="user_item_input into_input" type="text" id="into_operator" name="into_operator">
                    </label><br>
                    <label>
                        运单号：<br><input class="user_item_input" type="text" id="into_transport_number" name="into_transport_number">
                    </label><br>
                </div>
                <div>
                    <label class="into_file">选择文件
                        <label id="filename"></label>
                        <input type="file" name="into_file" id="into_file" style="opacity: 0;width:0px;" onchange="add_file()">
                    </label>
                </div>
            </div>
        </form>
    </div>
    </div>
    <!--明日果园-->
    <div id="fruit_tomorrow">
        <div id="point_set" class="scroll">
            <div>
                <div class="point_one">
                    <label>横向(米):<input type="number" class="point_one_input" value="0" name="move_x" id="move_x" onchange="new_point()"></label>
                    <label>纵向(米):<input type="number" class="point_one_input" value="0" name="move_y" id="move_y" onchange="new_point()"></label><br>
                    <input type="button" class="button" value="添加" name="add_point" onclick="add_point()">
                </div>
            </div>
            <div align="right">
                 <input type="button" class="button" value="完成" name="finish">
            </div>
        </div>
        <div id="div_change_fruit">
            <input style="position: absolute;" class="button" type="button" value="修改" id="change_garden" onclick="show_change_fruit()">
            <svg t="1644894397203" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5141" width="100%" height="645px">
                <path id="draw_garden"  d="" fill="#8BC34A" stroke-width="5px" stroke="#8BC34A" p-id="4301"></path>
            </svg>
        </div>
    </div>
    <!--智慧农图-->
    <div id="statistics">
        <iframe id="page1" align="center" width="100%" height="100%" src="statistics\中稻和一季晚稻产量-2001-2020.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no">
        </iframe>
        <div id="inform" class="scroll" style="display:none;" onmouseenter="show_mean()" onmouseleave="hidden_mean()">
            <ul>
                    <li id="0" class="statistics_item" onclick="javascript:change();" >中稻和一季晚稻</li>
                    <li id="1" class="statistics_item" onclick="javascript:change();" >亚麻</li>
                    <li id="2" class="statistics_item" onclick="javascript:change();" >其他谷物</li>
                    <li id="3" class="statistics_item" onclick="javascript:change();" >冬小麦</li>
                    <li id="4" class="statistics_item" onclick="javascript:change();" >双季晚稻</li>
                    <li id="5" class="statistics_item" onclick="javascript:change();" >夏收粮食</li>
                    <li id="6" class="statistics_item" onclick="javascript:change();" >大豆</li>
                    <li id="7" class="statistics_item" onclick="javascript:change();" >大麦</li>
                    <li id="8" class="statistics_item" onclick="javascript:change();" >大麻</li>
                    <li id="9" class="statistics_item" onclick="javascript:change();" >小麦</li>
                    <li id="10" class="statistics_item" onclick="javascript:change();" >早稻</li>
                    <li id="11" class="statistics_item" onclick="javascript:change();" >春小麦</li>
                    <li id="12" class="statistics_item" onclick="javascript:change();" >棉花</li>
                    <li id="13" class="statistics_item" onclick="javascript:change();" >油料</li>
                    <li id="14" class="statistics_item" onclick="javascript:change();" >油菜籽</li>
                    <li id="15" class="statistics_item" onclick="javascript:change();" >烟叶</li>
                    <li id="16" class="statistics_item" onclick="javascript:change();" >烤烟</li>
                    <li id="17" class="statistics_item" onclick="javascript:change();" >玉米</li>
                    <li id="18" class="statistics_item" onclick="javascript:change();" >甘蔗</li>
                    <li id="19" class="statistics_item" onclick="javascript:change();" >甜菜</li>
                    <li id="20" class="statistics_item" onclick="javascript:change();" >秋粮</li>
                    <li id="21" class="statistics_item" onclick="javascript:change();" >稻谷</li>
                    <li id="22" class="statistics_item" onclick="javascript:change();" >粮食</li>
                    <li id="23" class="statistics_item" onclick="javascript:change();" >糖料</li>
                    <li id="24" class="statistics_item" onclick="javascript:change();" >红小豆</li>
                    <li id="25" class="statistics_item" onclick="javascript:change();" >绿豆</li>
                    <li id="26" class="statistics_item" onclick="javascript:change();" >胡麻籽</li>
                    <li id="27" class="statistics_item" onclick="javascript:change();" >芝麻</li>
                    <li id="28" class="statistics_item" onclick="javascript:change();" >花生</li>
                    <li id="29" class="statistics_item" onclick="javascript:change();" >苎麻</li>
                    <li id="30" class="statistics_item" onclick="javascript:change();" >葵花籽</li>
                    <li id="31" class="statistics_item" onclick="javascript:change();" >蔬菜</li>
                    <li id="32" class="statistics_item" onclick="javascript:change();" >薯类</li>
                    <li id="33" class="statistics_item" onclick="javascript:change();" >谷子</li>
                    <li id="34" class="statistics_item" onclick="javascript:change();" >谷物</li>
                    <li id="35" class="statistics_item" onclick="javascript:change();" >豆类</li>
                    <li id="36" class="statistics_item" onclick="javascript:change();" >马铃薯</li>
                    <li id="37" class="statistics_item" onclick="javascript:change();" >高粱</li>
                    <li id="38" class="statistics_item" onclick="javascript:change();" >麻类</li>
                    <li id="39" class="statistics_item" onclick="javascript:change();" >黄红麻</li>
            </ul>
        </div>
    </div>
    <!--知识图谱-->
    <div id="relation" class="scroll" >
        <canvas id="canvas"  width="1400px;" height="650px"></canvas>
    </div>
</div>
<script type="text/javascript" src="js/jtopo-0.4.8-min.js" ></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
<script type="text/javascript" src="js/tool.js">alert('fff');</script>
</body>
</html>